<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<h:head>
		<title> Distribuidora Frutos del Campo </title>
		<link rel="stylesheet" type="text/css" media="screen" href="../css/hojaDeEstilos.css" />
	</h:head>
	<h:body>
		<div id = 'contenido'>   
			<header>              
				<hgroup>          
					<h1>Distribuidora Frutos del Campo</h1>
				</hgroup>
				
				<hgroup>         
					<h2>Generar Lista De Proveedores</h2>
				</hgroup>
				
				<hr />
				<br />
			</header>
			
			<section> 
			<div id='textoPrincipal'>

				<h:form>

					<p:pickList id="proveedores" value="#{registrarProductoBean.proveedores}"
						var="proveedor" itemValue="#{proveedor}"
						itemLabel="#{proveedor.empresa}" converter="proveedorConverter" >

						<f:facet name="sourceCaption">Disponibles</f:facet>
						<f:facet name="targetCaption">Insertados</f:facet>

						<p:ajax event="transfer" listener="#{registrarProductoBean.transferir}" />

						<p:column style="width:75%;"> 
							#{proveedor.empresa}  
        				</p:column>

					</p:pickList>

					<p:commandButton id="regiButton" value="Registrar"
						action="#{registrarProductoBean.registrarProducto}" />

					<p:button id="volver" value="Volver" outcome="buscarProducto" /> 

				</h:form>


			</div>
			</section> 
		</div>
		
		<footer>        
			<p>Sistema para la planificacion de recursos y toma de decisiones empresariales</p>
		</footer>
	</h:body>
</html>